<template>
	<!--pages/user/user.wxml-->
	<view class="container">
		<!-- 用户信息 -->
		<!-- # indef MP-wei -->
		<!-- <view class="userinfo">
    <view class="userinfo-avatar">
      <open-data type="userAvatarUrl"></open-data>
    </view>
    <view class="userinfo-name">
      <open-data type="userNickName"></open-data>
    </view>
  </view>
  <view class="binding-phone">
    <text class="show-tip">绑定手机号后可查看订单和领取优惠券，</text>
    <text class="gotobinding" @tap="toBindingPhone">去绑定</text>
  </view> -->

		<view class="userinfo" v-if="!isLogin">
			<view class="userinfo-con">
				<view class="userinfo-avatar" @tap="gotoRevise">
					<!-- <open-data type="userAvatarUrl"></open-data> -->
					<image :src="txUrl ? txUrl : '../../static/images/icon/head04.png'"></image>
				</view>
				<view class="userinfo-name">
					<view>{{showNickname}}</view>
					<!-- <open-data type="userNickName"></open-data> -->
				</view>
			</view>
		</view>

		<view class="userinfo-none" v-if="isLogin">
			<view class="default-pic" @tap="handleLogin">
				<image src="../../static/images/icon/head04.png"></image>
			</view>
			<view class="none-login" @tap="handleLogin">
				<button class="unlogin">未登录</button>
				<button class="click-login">点击登录账号</button>
			</view>
		</view>
		<!-- end 用户信息 -->

		<view class="list-cont">

			<!-- 订单状态 -->
			<view class="total-order">
				<view class="order-tit">
					<text style="font-weight:bold">我的订单</text>
					<view class="checkmore" @tap="toOrderListPage(0)" data-sts="0">
						<text>查看全部 </text>
						<text class="arrowhead"></text>
					</view>
				</view>
				<view class="procedure">
					<view class="items" @tap="toOrderListPage(2)" data-sts="2">
						<image src="/static/images/icon/toDelivery.png"></image>
						<text>待发货</text>
						<text class="num-badge" v-if="orderAmount.payed>0">{{orderAmount.payed}}</text>
					</view>
					<view class="items" @tap="toOrderListPage(3)" data-sts="3">
						<image src="/static/images/icon/toTake.png"></image>
						<text>待收货</text>
						<text class="num-badge" v-if="orderAmount.consignment>0">{{orderAmount.consignment}}</text>
					</view>
					<view class="items" @tap="toOrderListPage(5)" data-sts="5">
						<image src="/static/images/icon/toComment.png"></image>
						<text>已完成</text>
					</view>
				</view>
			</view>
			<!--end 订单状态 -->

			<view class="prod-col">
				<view class="col-item" @tap="myCollectionHandle">
					<view v-if="loginResult" class="num">{{collectionCount}}</view>
					<view v-else class="num">--</view>
					<view class="tit">我的收藏</view>
				</view>
				<view class="col-item" @tap="handleTips">
					<view v-if="loginResult" class="num">5</view>
					<view v-else class="num">--</view>
					<view class="tit">我的消息</view>
				</view>
				<view class="col-item" @tap="handleTips">
					<view v-if="loginResult" class="num">3</view>
					<view v-else class="num">--</view>
					<view class="tit">我的足迹</view>
				</view>
			</view>

			<view class="my-menu">
<!-- 				<view class="memu-item" @tap="toDistCenter">
					<view class="i-name">
						<image src="/static/images/icon/promotion.png"></image>
						<text>分销中心</text>
					</view>
					<view class="arrowhead"></view>
				</view> -->
				<view class="memu-item" @tap="toCouponCenter">
					<view class="i-name">
						<image src="/static/images/icon/getCoupon.png"></image>
						<text>领券中心</text>
					</view>
					<view class="arrowhead"></view>
				</view>
				<view class="memu-item" @tap="toMyCouponPage">
					<view class="i-name">
						<image src="/static/images/icon/myCoupon.png"></image>
						<text>我的优惠券</text>
					</view>
					<view class="arrowhead"></view>
				</view>
				<view class="memu-item" @tap="toAddressList">
					<view class="i-name">
						<image src="/static/images/icon/myAddr.png"></image>
						<text>收货地址</text>
					</view>
					<view class="arrowhead"></view>
				</view>
			</view>
			<!--end 列表项 -->

			<view class="log-out" @tap="logout" v-if="isLogin">
				<view class="log-out-n">
					<text>退出登录</text>
				</view>
			</view>
		</view>

	</view>
</template>


<script>
  //吴洪涛方法暂时先注释掉，后面我再合并

  // export default {
  // 	data() {
  // 		return {
  // 			islogin:false,
  // 			userinfo:{
  // 				nickname:""
  // 			},
  // 			openID:"",
  // 			sessionKey:"",
  // 			userId:9,
  // 			userPhone:"1234567888",
  // 		}
  // 	},
  // 	onLoad() {
  // 		this.getInfoById()

  // 	},
  // 	methods: {
  // 		//封装微信获取用户code，避免嵌套
  // 		login() {
  // 			var data;
  // 			return new Promise((resolve, reject) => {
  // 				uni.login({
  // 					success(res) {
  // 						resolve(res)
  // 					},
  // 					fail(err) {
  // 						reject(err);
  // 					}
  // 				})
  // 			})
  // 		},
  // 		getWechatOpenIdByCode(code){
  // 			return new Promise((resolve,reject)=>{
  // 				// uni.request({
  // 				// 	url:"https://api.weixin.qq.com/sns/jscode2session",
  // 				// 	method:'GET',
  // 				// 	data:{
  // 				// 		appid:this.AppID,
  // 				// 		secret:this.AppSecret,
  // 				// 		js_code:code,
  // 				// 		grant_type:"authorization_code"
  // 				// 	},
  // 				// 	success(res){
  // 				// 		resolve(res)
  // 				// 	},
  // 				// 	fail(err){
  // 				// 		reject(err)
  // 				// 	}
  // 				// })
  // 				uni.request({
  // 					// url:'http://172.29.15.165:8080/user/login',						
  // 					url:'http://localhost:8080/user/login',
  // 					method:'PUT',
  // 					data:{
  // 						code:code
  // 					},
  // 					success(res) {
  // 						// console.log(res,'login res');
  // 						resolve(res)
  // 					},
  // 					fail(err) {
  // 						reject(err)
  // 					}
  // 				})

  // 			})
  // 		},
  // 		async init() {
  // 			this.appLoginWx()
  // 		    //调用微信登陆
  // 		    let res = await this.login()
  // 		    if (res.code && ['login:ok'].includes(res.errMsg)) {
  // 		  //       //后端通过code调用微信API返回openid/unionid/session_key参数， 存储起来,前端无法直接调用微信相关API
  // 				// console.log(res.code,'rescode');
  // 		        let openIdRes = await this.getWechatOpenIdByCode(res.code)
  // 				// console.log("openIDRes:",openIdRes);
  // 				uni.setStorageSync('openId',openIdRes.data.data.openId)
  // 				uni.setStorageSync('token',openIdRes.data.token)

  // 		        // if (openIdRes.success) {
  // 		        //     let { openId, sessionKey } = openIdRes
  // 		        //     this.openId = openId
  // 		        //     this.sessionKey = sessionKey
  // 		        // }
  // 				// uni.request({
  // 				// 	url:"http://172.29.15.165:8080/user/login",
  // 				// 	method:'PUT',
  // 				// 	header:{
  // 				// 		"Content-Type": "application/json",
  // 				// 	},
  // 				// 	data:{
  // 				// 		"openId":this.openID,
  // 				// 		"sessionKey":this.sessionKey,
  // 				// 		"userPhone":this.userPhone
  // 				// 	},
  // 				// 	success(res) {
  // 				// 		console.log(res)
  // 				// 	},
  // 				// 	fail(err) {
  // 				// 		console.log(err);
  // 				// 	}
  // 				// })

  // 		    } else {
  // 		        // 异常处理，再次发起请求或者抛出异常

  // 		    }
  // 		},

  // 		appLoginWx(){
  // 			uni.getUserProfile({  
  // 				lang: 'zh_CN',
  // 				desc:'获取用户信息',
  // 				success: userInfo=> {
  // 					// console.log(userInfo,'userInfo');
  // 					// console.log(userInfo.userInfo.nickName)
  // 					uni.login({
  // 						provider: 'weixin',
  // 						success: loginInfo=> {
  // 							this.$data.userinfo.nickname = userInfo.userInfo.nickName
  // 							// console.log(this.$data.userinfo.nickname)
  // 							// console.log(loginInfo,'loginInfo');
  // 						}
  // 					});
  // 				 },
  // 				fail:err=>{
  // 					console.log(err,'err')
  // 				}
  // 			});
  // 		},

  // 		getInfoById(){
  // 			uni.request({
  // 				url:"http://localhost:8080/user/getInfoById",
  // 				method:'GET',
  // 				data:{
  // 					userId:1
  // 				},
  // 				success(res) {
  // 					// console.log(res,"userinfo");
  // 				},
  // 				fail(err){
  // 					console.log(err);
  // 				}

  // 			})
  // 		},

  // 		tomyorder(){
  // 			uni.navigateTo({
  // 				url:"/pages/myorder/myorder"
  // 			})
  // 		},
  // 		tomyparticipate(){
  // 			uni.navigateTo({
  // 				url:"/pages/myparticipate/myparticipate"
  // 			})
  // 		},
  // 		tomyaddresslist(){
  // 			uni.navigateTo({
  // 				url:"/pages/myaddresslist/myaddresslist"
  // 			})
  // 		}
  // 	}
  // }


  //lyh
  export default {
    data() {
      return {
        showView: true,
        isLogin: false,
        txUrl: '',
        showNickname: '',
      }
    },
    onShow() {
      // wx.request({
      //   url: 'https://api.weixin.qq.com/sns/jscode2session?appid=APPID&secret=SECRET&js_code=JSCODE&grant_type=authorization_code',
      //   method: 'POST',
      //   data: {
      //     code: code //登录凭证code
      //   },
      //   header: {
      //     'content-type': 'application/json;charset=UTF-8'
      //   },
      //   success: function(res) {
      //     var userphone = res.data.data //解密手机号
      //     var msg = res.detail.errMsg;
      //     var sessionKey = userphone.session_key; //会话密钥
      //     var encryptedData = res.detail.encryptedData; //签名
      //     var unionid = userphone.unionid //唯一标识
      //     var iv = res.detail.iv; //授权成功
      //     if (msg == 'getPhoneNumber:ok') {
      //       wx.checkSession({
      //         success: function() { //进行请求服务端解密手机号
      //           this.deciyption(sessionKey, encryptedData, iv, unionid);
      //         }
      //       })
      //     }
      //   }
      // })

      if (!this.isLogin) {
        // 获取上个页面传递过来的参数
        const avatarUrl = uni.getStorageSync('avatar')
        const nickname = uni.getStorageSync('nickname')
		console.log(avatarUrl,nickname,'info');
        // 将头像和昵称渲染到页面中
        this.$scope.setData({
          txUrl:avatarUrl,
          showNickname:nickname
        })
      }

    },
		
	onLoad(){
		
	},
    methods: {
      // 解密
      // deciyption(sessionKey, encryptedData, iv, unionid) {
      //   var that = this;
      //   wx.request({
      //     url: 解密接口,
      //     method: 'POST',
      //     data: {
      //       sessionKey: sessionKey,
      //       encryptedData: encryptedData,
      //       iv: iv
      //     },
      //     header: {
      //       'content-type': 'application/json;charset=UTF-8'
      //     },
      //     success: function(res) {
      //       let data = res.data
      //       wx.setStorageSync('userTel', data.data.phoneNumber); //存储解密后的用户手机号
      //     },

      //   })
      // },

      // 状态
      handleLogin() {
        if (this.isLogin) {
          // 未登录，则执行登录逻辑
          uni.removeStorageSync('token');
          this.isLogin = false;
          setTimeout(() => {
            this.$scope.setData({
              txUrl: '../../static/抽奖.png',
              showNickname: '点此完善信息'
            })
          }, 2000)
          setTimeout(() => {
            uni.showToast({
              title: '登录成功'
            });
          }, 2000)
        } else {
          // 已登录，则执行退出逻辑
          uni.login({
            success: res => {
              uni.setStorageSync('token', res.code);
              this.isLogin = true;
              uni.showToast({
                title: '退出成功'
              });
              this.txUrl = ''
              this.showNickname = ''
            }
          });
        }
      },

      // 跳转完善头像昵称
      gotoRevise() {
        // 从本地缓存中获取头像和昵称信息
        // const avatarUrl = uni.getStorageSync('avatarUrl');
        // const nickName = uni.getStorageSync('nickName');
        // if (avatarUrl) {
        //   console.log("hhhhhh")
        //   this.txUrl = avatarUrl;
        // }
        // if (nickName) {
        //   console.log("wwwwww")
        //   this.showNickname = nickName;
        // }
        uni.navigateTo({
          url: "/pages/mine/revise"
        });
      },

      // 跳转
	  tomyaward(){
		  if (this.isLogin == false) {
		    uni.navigateTo({
		      url: "/pages/myawardlist/myawardlist"
		    });
		  } else {
		    uni.showToast({
		      title: '请先登录'
		    });
		  }
	  },
      tomyparticipate() {
        if (this.isLogin == false) {
          uni.navigateTo({
            url: "/pages/myparticipate/myparticipate"
          });
        } else {
          uni.showToast({
            title: '请先登录'
          });
        }
      },
      toOrderListPage(e) {
        if (this.isLogin == false) {
			console.log(e);
          uni.navigateTo({
            url: "/pages/myorder/myorder?sts="+e
          });
        } else {
          uni.showToast({
            title: '请先登录'
          });
        }
      },
      toAddressList() {
        if (this.isLogin == false) {
          uni.navigateTo({
            url: "/pages/myaddresslist/myaddresslist"
          });
        } else {
          uni.showToast({
            title: '请先登录'
          });
        }
      }
    }
  }
</script>

<style scoped>
  .hide {
    display: none;
  }

  .show {
    display: block;
    margin-left: 120px;
  }
</style>
<style>
	@import "./user.css";
</style>